上一期&＃xff0c;我们已经简单介绍了离线渲染、实时渲染、云渲染的基本概念。大家可以参考上一期的文章。

接下来&＃xff0c;我们继续聊一下混合渲染。

混合渲染

混合渲染&＃xff08;Hybrid Rendering&＃xff09;从字面意思就是非单一方法的渲染机制。这也就使得这个词&＃xff0c;没有一个完全标准且唯一准确的定义。首先大家需要明白&＃xff0c;渲染的最终目的是呈现画面&＃xff0c;不论是图片&＃xff0c;视频&＃xff0c;还是实时交互的场景。那为了这个最终的呈现结果&＃xff0c;如果渲染过程中采用了很多种方案来混合实现&＃xff0c;就可以说它是混合渲染。我们从不同的角度&＃xff0c;总结了一些混合渲染的形式。仍然不讨论具体的技术实现细节&＃xff0c;只是为了方便大家理解概念。

• 基于管线的混合渲染

  基于管线的混合渲染&＃xff0c;指的是一条渲染管线中&＃xff0c;会用到不同的计算承载方式&＃xff0c;最终来完成渲染工作。目前的计算承载方式包括&＃xff1a;光栅化&＃xff08;Rasterization&＃xff0c;包含 Vertex Shader 和 Fragment Shader&＃xff09;&＃xff0c;计算着色器&＃xff08;Compute Shader&＃xff09;&＃xff0c;光线追踪着色器&＃xff08;Ray Tracing Shaders&＃xff09;。

渲染管线中&＃xff0c;最基本的计算承载方式就是光栅化。原则上&＃xff0c;光栅化是为了输出渲染内容的一整个渲染流程&＃xff0c;同时也可以利用流程中的 Vertex Shader 和 Fragment Shader 进行一些计算的处理&＃xff0c;但是光栅化过程中是发生在 Render Pass 中&＃xff0c;其中有很多 Fix Function&＃xff0c;比如剔除&＃xff0c;深度测试&＃xff0c;颜色混合等&＃xff0c;所以用光栅化来进行计算&＃xff0c;其实是 “不专一” 的&＃xff0c;效率会相对低下。光栅化对于一些光线不是很复杂的场景仍然是可以胜任的。但是如果光线一旦复杂&＃xff0c;它就没有办法很好地胜任复杂的光线算法了&＃xff0c;因此渲染效果也就不尽人意。目前 WebGL 只具备光栅化需要的 Vertex Shader 和 Fragment Shader&＃xff08;Extension 版本除外&＃xff09;&＃xff0c;计算能力有限且不够灵活&＃xff0c;渲染效果也不会特别优秀。WebGL 为了实现比较好的渲染效果&＃xff0c;都是通过预烘焙的方法&＃xff0c;将效果附加到贴图本身&＃xff0c;以静态的方式进行展示&＃xff0c;从而失去了对复杂光线变换的实时应对能力。

为了解决光栅化的计算效率低下问题&＃xff0c;现代图形 API 都提供了计算着色器&＃xff0c;即 Compute Shader。WebGPU 也应用了现代图形 API 的设计原则&＃xff0c;同样支持 Compute Shader。Compute Shader 本质是一种通用计算的能力&＃xff08;GPGPU&＃xff09;&＃xff0c;完全运用在 Compute Pass 中的&＃xff0c;是 “专一” 的计算单元&＃xff0c;很类似于 CUDA&＃xff08;不过 CUDA 可以通过英伟达的显卡做到硬件芯片级别的加速&＃xff0c;因此计算性能更高&＃xff09;。有了这种通用计算能力&＃xff0c;就不再是光栅化中的 “模拟” 计算了&＃xff0c;而是专业级的计算能力。比如我们用光栅化中的 Fragment Shader 模拟一些算法&＃xff0c;只能限制在二维的平面坐标系中&＃xff0c;而 Computer Shader 没有这种限制&＃xff0c;也更加的灵活&＃xff0c;速度更快。

光线追踪 Ray Tracing 是一项几十年前就有的技术&＃xff0c;但是因为计算量太大&＃xff0c;而无法实现实时渲染。因为 RTX 显卡的出现&＃xff0c;让实时光线追踪这个概念再次得到了关注。光线追踪是路径追踪的一种简单形式&＃xff0c;但是这两个概念本质上都是一种数学算法。光线追踪着色器&＃xff08;Ray Tracing Shaders&＃xff09;就是特意为光线追踪这种数学算法而设计的&＃xff0c;它由很多特殊着色器模块的组合而成。下图是 RTX 光线追踪的架构图&＃xff1a;

https://developer.nvidia.com/rtx/ray-tracing

既然光线追踪只是一种数学算法&＃xff0c;那么任何语言和编程环境都可以对这个数学算法进行实现。如果只看图形领域&＃xff0c;我们可以用 CUDA, Fragment Shader&＃xff08;OpenGL, WebGL&＃xff09;&＃xff0c;Computer Shader&＃xff08;WebGPU&＃xff0c;Vulkan&＃xff0c;Metal&＃xff0c;DX11/DX12&＃xff0c;OpenGL Extension&＃xff09;&＃xff0c;RXT&＃xff08;DX12/DXR, Vulkan&＃xff09;来实现光线追踪算法。既然光线追踪算法用上面的方式都可以实现&＃xff0c;为什么 RXT 会再次引爆这个概念呢&＃xff1f;原因就是它可以实时地实现光线追踪算法。RTX 显卡针对光线追踪这一个非常重要且特殊的渲染算法&＃xff0c;单独做了硬件级别的加速。通过硬件芯片可以直接运行上面提到的光线追踪过程中的各种着色器模块&＃xff08;可以理解成把 CUDA 的通用计算芯片重新设计&＃xff0c;优化成更适合运行光线追踪算法的芯片&＃xff09;&＃xff0c;这样就可以在 3D 场景中实时的完成光线追踪的运算结果&＃xff0c;渲染更加优质的 3D 画面。目前苹果的 M1 芯片还暂时不支持对光线追踪算法的硬件加速&＃xff0c;所以 Metal 还是通过类似于 Compute Shader&＃xff08;Metal Performance Shaders&＃xff09;的方法来优化光线追踪算法。WebGPU 也会在未来的版本中&＃xff0c;加入对于 RTX 的支持&＃xff0c;我们一起期待&＃xff01;

三种计算承载方式&＃xff1a;光栅化&＃xff0c;计算着色器和光线追踪着色器都已经介绍完了。它们之间并不是谁要代替谁&＃xff0c;也没有一种完美的方法。而应该对于不同的场景&＃xff0c;运用不同的方法。所以&＃xff0c;对于混合渲染的概念&＃xff0c;相信大家也更加清晰了。只要混合使用了不同渲染方法的渲染管线&＃xff0c;我都可以理解成是混合渲染的一种体现。

https://developer.nvidia.com/blog/video-series-shiny-pixels-and-beyond-real-time-raytracing-at-seed/

• 基于数据的混合渲染

基于数据的混合渲染&＃xff0c;指的就是对一个 3D 场景中的不同 3D 资源&＃xff08;模型&＃xff0c;场景等&＃xff09;进行分类&＃xff0c;相当于对 3D 资产数据进行拆分&＃xff0c;把不同类别的 3D 数据放到不同的渲染节点进行渲染&＃xff0c;最后通过网络通信技术&＃xff0c;把数据合并到一个需要显示输出的节点上&＃xff0c;进行最终的呈现。

一般提到这种基于数据的混合渲染&＃xff0c;都会和上一期我们聊到的云渲染有些关联。因为这种数据拆分的形式可以让我们天然地想到&＃xff0c;把一些复杂度高&＃xff0c;计算要求大的任务放到并行计算力更强的云端&＃xff0c;利用渲染集群进行计算。而我们的个人终端&＃xff0c;只渲染计算量相对较小的任务。云端渲染的结果&＃xff0c;最终不论是以视频或图片的形式传给客户端&＃xff0c;还是只把复杂计算的结果返回给客户端&＃xff0c;再由客户端进行最终的呈现&＃xff0c;都会大大降低客户端的开销。

在 5G 通信技术的快速发展下&＃xff0c;更加多样灵活的渲染架构&＃xff0c;例如边&＃xff0c;端&＃xff0c;云协同渲染也得到了更多的尝试和验证。这种渲染方式&＃xff0c;可以充分利用终端及终端附近的边缘节点的计算能力&＃xff0c;避免了全云端渲染可能会遇到的 “卡顿” 问题。而且&＃xff0c;也是一种 “进可攻退可守” 的架构设计&＃xff0c;通过渲染任务的解耦设计&＃xff0c;可以在全终端渲染和全云端渲染之间灵活切换和调配&＃xff0c;进而适应更复杂的渲染需求。

 同济大学贾金元老师提出的协同混合渲染的网络架构

http://www.cgn.net.cn/cms/news/100000/0000000029/2022/1/6/d1d4245469124bffbcecb83a9cb4610b.shtml

• 基于硬件的混合渲染

基于硬件的混合渲染&＃xff0c;指的就是 CPU 和 GPU 可以同时参与渲染任务的一种混合渲染模式。这里我们参考 V-ray 的混合渲染模式。首先要说明的是&＃xff0c;单纯的 GPU 渲染有两个问题&＃xff1a;1&＃xff09;很难进行 Debug&＃xff1a;GPU 的程序如果出错基本都会返回一个 kernel dump&＃xff08;就是内核挂掉了&＃xff09;&＃xff0c;不会有相应的报错信息提示。2&＃xff09;无法充分利用 CPU 的性能&＃xff1a;之前的渲染工作基本都是交给 GPU 来进行计算的&＃xff0c;CPU 把任务提交给 GPU 之后&＃xff0c;CPU 本身其实会处于一段时间的空闲状态&＃xff0c;等于白白浪费了计算能力。为了解决这两个问题&＃xff0c;V-ray 提出的混合渲染就是可以让 CUDA 同时运行在 CPU 和 GPU 上&＃xff0c;这样可以充分利用 CPU 提交任务给 GPU 之后&＃xff0c;本身的空闲时间&＃xff0c;同样可以进行渲染的计算工作。经过测试&＃xff0c;V-ray 的混合渲染比单纯的 GPU 渲染&＃xff0c;完成时间平均缩短了约 20% 左右。这里需要强调下&＃xff0c;这种 CPU 和 GPU 同时进行的混合渲染模式&＃xff0c;在 WebGL 的标准下是无法实现的&＃xff0c;因为它采用的是全局状态机模式&＃xff0c;CPU 必须要等待 GPU 的运行结果&＃xff0c;才能继续做下一个任务&＃xff0c;简单说就是同步机制。而 WebGPU 采用了现代图形 API 的方法&＃xff0c;完全遵循异步形式&＃xff0c;这样才具备实现这种混合渲染的基础能力。

https://www.chaos.com/blog/understanding-v-ray-hybrid-rendering

• 基于框架的混合渲染

基于框架的混合渲染&＃xff0c;指的是渲染过程可以从之前的框架转移到另外一个全新的框架上实现。2019 年&＃xff0c;Unity 提出 Data-Oriented Technology Stack&＃xff08;DOTS&＃xff09;技术&＃xff0c;并通过 Hybrid Renderer 来实现。DOTS 的核心就是 ECS&＃xff08;Entities, Components, Systems&＃xff09;的架构设计&＃xff0c;也标志着 ECS 框架在游戏引擎中的应用&＃xff08;关于 ECS 的细节和优劣势我们这里就不做讨论了&＃xff09;。Unity 的 Hybrid Renderer 带来的混合渲染&＃xff0c;其实指的是可以让渲染过程从之前的 OOP 模式&＃xff08;Object-oriented Programming&＃xff09;转换到 DOP 模式&＃xff08;Data-oriented Programming&＃xff09;&＃xff0c;是把 GameObjects 转换成 ECS 中的 Entities。最终的目的就是利用 ECS 的数据连续内存存储特征&＃xff0c;提高缓存命中率&＃xff0c;同时引入多核并行计算的优势&＃xff0c;加快渲染过程。

https://docs.unity3d.com/Packages/com.unity.rendering.hybrid&＃64;0.50/manual/index.html

讲到这里&＃xff0c;我们把一些常见的混合渲染的形式都已经介绍完了。总结下就是&＃xff0c;混合渲染没有一个固定的定义&＃xff0c;只要把 “渲染” 混合使用&＃xff0c;都可以叫混合渲染。

目前&＃xff0c;我们已经介绍了离线渲染、实时渲染、云渲染、混合渲染。要强调的是&＃xff0c;它们之间所用到的技术和场景&＃xff0c;有很多都是相互交叠在一起的&＃xff0c;并没有一个标准唯一的准则。我们希望的是&＃xff0c;大家如果在再次遇到这些概念&＃xff0c;或者一些 3D 渲染引擎产品的时候&＃xff0c;可以按照这些渲染分类&＃xff0c;去快速的进行定位和分析&＃xff0c;更好的帮助我们理解和学习&＃xff0c;解决我们遇到的问题&＃xff0c;这样就已经足够好啦&＃xff01;

我们在以后的文章中&＃xff0c;会继续分享对于云渲染未来的一些思考&＃xff0c;欢迎大家继续关注。

Orillusion 致力于打造全世界第一款完全开源基于 WebGPU 标准的一种轻量级渲染引擎&＃xff0c;目标是在浏览器中实现桌面级的渲染效果&＃xff0c;支持超大复杂场景的 3D 呈现。易上手&＃xff0c;易分享&＃xff0c;易迭代&＃xff0c;易协作、成本低&＃xff0c;跨平台是我们的核心优势&＃xff0c;我们将为 3D 场景爆发时代提供引擎基础工具。

未来我们将会持续把最干货最前沿的 WebGPU 技术分享给每一位社区成员&＃xff0c;也欢迎大家为 Orillusion 开源社区做出自己的贡献。我们一直坚信&＃xff0c;开源社区的技术留痕是每一位技术人员最崇高的追求&＃xff01;因此&＃xff0c;我们尊重&＃xff0c;我们认可&＃xff0c;我们更期待&＃xff0c;加入 Orillusion&＃xff0c;让我们共同进步&＃xff01;

——Link uncharted, 链接未来世界